<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script> 
<style type="text/css">
body {
	min-width: 580px;
}
#content {
	height:200px;
	width:45%;
	margin-left: 25%;
	margin-top: 100px;
}
#form_ul {
	list-style-type: none;
}
#form_ul label {
	width:50px;
}
#form_ul li {
	margin-top: 10px;
}
</style>
<script type="text/javascript">
$(function(){
	/* //格式化日期
	Date.prototype.Format = function(fmt){
		var o = {   
		    "M+" : this.getMonth()+1,                 //月份   
		    "d+" : this.getDate(),                    //日   
		    "H+" : this.getHours(),                   //小时   
		    "m+" : this.getMinutes(),                 //分   
		    "s+" : this.getSeconds(),                 //秒   
		    "q+" : Math.floor((this.getMonth()+3)/3), //季度   
		    "S"  : this.getMilliseconds()             //毫秒   
			};   
		if(/(y+)/.test(fmt))   
	    	fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
		for(var k in o)   
			if(new RegExp("("+ k +")").test(fmt))   
				fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
		return fmt;   
	} 
	 */
	 
	//表单提交事件
	$("#addAbsentBtn").click(function(){
		//判断提交的信息是否完整
		if ($("#enumber").val()&&$("#ename").val()&&$("#starttime").datetimebox('getValue')&&$("#endtime").datetimebox('getValue')) {
			//获得提交信息中的开始时间和结束时间
			var starttime = new Date($("#starttime").datetimebox('getValue'));
			var endtime = new Date($("#endtime").datetimebox('getValue'));
			var a = (endtime-starttime)/60000;
			//判断结束时间是否大于开始时间，如果否，则弹出提示信息
			if (a<0) {
				$.messager.confirm('提示','输入日期有误',function(r){    
				    if (r){    
				    }    
				});
			} else {
				//发送添加缺勤记录的请求
				$.ajax({
					url:'${pageContext.request.contextPath}/addAbsent',
					type:'post',
					data:$("#addAbsentForm").serialize(),
					dataType:'text',
					success:function(data){
						if ("0" == data) {
							$.messager.confirm('提示','添加失败',function(r){    
							    if (r){    
							        $("#addAbsentForm").reset();    
							    }    
							});
						} else {
							$.messager.confirm('提示','添加成功',function(r){    
							    if (r){
							    	//获得查看缺勤记录的tab，若已经打开，则跳转，若没有，则添加
							    	var absentTab = top.$("#showTabs").tabs('getTab','查看缺勤记录');
							    	if (absentTab) {
							    		//选中已经打开的查看缺勤记录tab
							    		top.$("#showTabs").tabs('select','查看缺勤记录');
									} else {
										//添加查看缺勤记录tab
										top.$('#showTabs').tabs('add', {
											title : '查看缺勤记录',
											fit:true,
											content : "<iframe style='width: 100%;height: 100%'  src='${pageContext.request.contextPath}/absent/fidnabsentrecord.jsp'  frameborder='0'></iframe>",
											closable : true,
										});
										var li = top.$(".tabs-wrap ul li:last-child");
										top.$("#close").remove();
										li.after("<li id='close'><a class='tabs-inner' href='javascript:void()' onClick='javascript:closeAll()'>关闭全部</a></li>");
									}
								}
							});
						}
					}
				});
			}
			
		} else {
			$.messager.confirm('提示','请输入完整信息',function(r){    
			    if (r){    
			    	
				}
			});
		}
	});
	//表单重置事件
	$("#reset").click(function(){
		$("#addAbsentForm").form('clear');
	});
	//添加信息panel
	$('#addPanel').panel({
		//fit:true,
		width:'100%',
		title: '添加缺勤记录',
	});
	
	//验证输入的员工号是否存在，若为否，则弹出提示信息并屏蔽提交按钮的提交事件；若存在，则将员工号对应的姓名填如姓名框，并将姓名框变为不可编辑状态
	$("input",$("#enumber").next("span")).blur(function(){
		$.ajax({
			url:'${pageContext.request.contextPath}/getEmpByEnum',
			type:'post',
			data:{'e_number':$("#enumber").textbox('getValue')},
			dataType:'json',
			success:function(data){
				//如果员工号存在
				if (data!=null) {
					$("#e_id").val(data.e_id);
					//设置姓名
					$("#ename").textbox('setValue',data.e_name);
					//设置姓名框不可编辑
					$("#ename").textbox('disable');
					//提交按钮变为可点击状态
					$("#addAbsentBtn").removeProp("disabled");
				} else {
					//屏蔽提交按钮
					$("#addAbsentBtn").prop("disabled","true");
					$.messager.confirm('提示','员工号不存在，请重新输入',function(r){    
					    if (r){    
					    	$("#eeumber").textbox('setValue','');
					    }    
					});
					$("#ename").textbox('setValue','');
					$("#ename").textbox('enable');
				}
			}
		});
	});
});
</script>
</head>
<body>
	<div id="content">
		<div id="addPanel" style="padding:10px;">    
		    <form id="addAbsentForm" action="">
		    	<input type="hidden" id="e_id" name="e_id" value=""/>
		    	<ul id="form_ul">
		    		<li>
						<div>
							<label>员工号</label>
							<input type="text" class="easyui-textbox" id="enumber" name="e_number" data-options="prompt:'请输入员工号'" style="width:70%"> 
						</div>
		    		</li>
		    		<li>
						<div>
			    			<label>员工姓名</label>
							<input type="text" class="easyui-textbox" id="ename" name="e_name" style="width:70%"> 
						</div>
		    		</li>
		    		<li>
						<div>
			    			<label>缺勤日期</label>
							<input type="text" class="easyui-datetimebox" id="starttime" name="starttime" data-options="required:true" style="width:34%">~
							<input type="text" class="easyui-datetimebox" id="endtime" name="endtime" data-options="required:true" style="width:34%">
						</div>
		    		</li>
		    	</ul>
		    </form>
			<div style="margin-top: 20px;text-align: center;">
				<input type="button" id="addAbsentBtn" value="添加" style="width:100px;">
				<input type="button" id="reset" value="重置" style="width:100px;margin-left: 10px">
			</div>
		</div> 
	</div>
</body>
</html>